import React from 'react'
import {TextArea ,Button,NavBar} from 'antd-mobile'
import { Uploader } from 'react-vant';
import {useNavigate} from 'react-router-dom'
import './index.css'

const Index:React.FC = () => {
    //  const [value, setValue] = useState('')
    const navigate = useNavigate();
      const back = () => {
    navigate(-1);
  };
    const defaultValue = [
  {
    url: '', // 图片文件
  },
 
]

      
  return (
    <div>
        <NavBar
        onBack={back}
       
      >
        投诉
      </NavBar>
          <div style={{width: '100vw',height: '100vh'}}>
    <h3 className='title'>请输入投诉相关信息</h3>
       <TextArea
          defaultValue={''}
          showCount
          maxLength={200}
        />
    <h3 className='title'>上传相关图片</h3>
          <Uploader
      accept='*'
      defaultValue={defaultValue}
      onChange={v => console.log(v)}
    />

    <Button block color='primary' size='middle' shape='rounded'>提交</Button>
    </div>
    </div>
  )
}

export default Index
